.detail-page {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: 300rpx;
  z-index: 1;
  padding-bottom: 160rpx;
  border-radius: 48rpx 48rpx 0 0;
  background-color: #f5f5f5;

  .tit-box {
    padding: 0 36rpx;
    background-color: #fff;
  }

  .pd-b {
    padding-bottom: 32rpx;
  }
}

.detail-btns {
  box-sizing: border-box;
  background-color: #fff;
  height: 176rpx;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  position: fixed;
  border-radius: 48rpx 48rpx 0 0;
  padding: 32rpx 36rpx;

  .btns {
    width: 100%;
    height: 80rpx;
    position: relative;

    .btn {
      width: 362rpx;
      height: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 32rpx;

      .icon{
        margin-top: 10rpx;
        margin-right: 16rpx;
      }
    }

    .btnl {
      position: absolute;
      left: 0;
      top: 0;
      background-size: 100%;
      z-index: 1;
      color: #000000;
    }

    .btnr {
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 0 20rpx 20rpx 0;
      background: linear-gradient(124.08deg, #131313 1.7%, #404040 31.59%, #000000 92.8%);
      color: #FFFFFF;
    }
  }
}




.content-icon-flexed {
  width: 112rpx;
  height: 112rpx;
  position: fixed;
  background-color: rgba(0, 0, 0, 0);
  bottom: 200rpx;
  right: 44rpx;
  z-index: 2;
  padding: 0;

  &::after {
    border: none;
    border-radius: 50%;
    background-color: none;
  }
}

// .detail-bottom {
//   width: 100vw;
//   box-sizing: border-box;
//   padding: 32rpx 36rpx;
//   display: flex;
//   align-items: center;
//   justify-content: space-between;
//   position: fixed;
//   background-color: #fff;
//   bottom: 0;
//   left: 0;
//   z-index: 10;
//   border-radius: 48rpx 48rpx 0 0;

//   .botton-kefu {
//     background-color: none;
//     padding-left: 0;
//     padding-right: 0;
//     display: flex;
//     align-items: center;
//     justify-content: center;

//     .kefu {
//       width: 64rpx;
//       height: 64rpx;
//       margin-left: 22rpx;
//     }

//     &.botton-kefu::after {
//       border: none;
//       width: 0;
//       height: 0;
//     }
//   }

//   .btns {
//     display: flex;
//     align-items: center;
//     border-radius: 32rpx;
//     overflow: hidden;

//     .btn {
//       width: 256rpx;
//       height: 80rpx;
//       text-align: center;
//       line-height: 80rpx;
//       font-weight: 500;
//       font-size: 32rpx;

//       &.btn1 {
//         background: linear-gradient(102.88deg, #E6F760 0.77%, #9CDB14 114.05%);
//         color: #000000;
//       }

//       &.btn2 {
//         background: linear-gradient(124.08deg, #131313 1.7%, #404040 31.59%, #000000 92.8%);
//         color: #FFFFFF;
//       }
//     }
//   }
// }